import { getChannelAPI } from "@/api/channel"
import type { ChannelItem } from "@/types"
import { onMounted, ref } from "vue"

export const useChannel = () => {
    onMounted(() => {
        // 获取频道数据
        getChannel()
    })
    // 激活id
    const activeId = ref(0)
    const channelList = ref<ChannelItem[]>([])
    const getChannel = async () => {
        const result = await getChannelAPI()
        channelList.value = result.channels// 赋值列表
        activeId.value = result.channels[0].id // 把第一个频道的id作为激活的选项
    }
    const updateActiveId = (id: number) => {
        activeId.value = id
    }
    return { activeId, channelList }
}
